<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按钮和按钮组</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <style>
        body {
            margin: 20px;
        }
    </style>
</head>
<body>
<div>
    <button class="layui-btn">按钮</button>
    <button class="layui-btn layui-btn-primary">按钮</button>
    <button class="layui-btn layui-btn-normal">按钮</button>
    <button class="layui-btn layui-btn-warm">按钮</button>
    <button class="layui-btn layui-btn-danger">按钮</button>
    <button class="layui-btn layui-btn-disabled">按钮</button>
</div>
<br><br>
<div>
    <button class="layui-btn layui-btn-lg">按钮</button>
    <button class="layui-btn layui-btn-sm">按钮</button>
    <button class="layui-btn layui-btn-xs">按钮</button>
</div>
<br><br>
<div>
    <button class="layui-btn layui-btn-fluid">按钮</button>
</div>
<br><br>
<div>
    <button class="layui-btn layui-btn-radius">按钮</button>
</div>
<br><br>
<div>
    <button class="layui-btn">
        <i class="layui-icon layui-icon-user"></i>按钮
    </button>
</div>
<br><br>
<div class="layui-btn-group">
    <button class="layui-btn">增加</button>
    <button class="layui-btn">删除</button>
    <button class="layui-btn">修改</button>
    <button class="layui-btn">
        <i class="layui-icon layui-icon-add-1"></i>
    </button>
    <button class="layui-btn">
        <i class="layui-icon layui-icon-delete"></i>
    </button>
    <button class="layui-btn">
        <i class="layui-icon layui-icon-edit"></i>
    </button>
</div>
<br><br>
<div class="layui-btn-container">
    <button class="layui-btn">按钮</button>
    <button class="layui-btn">按钮</button>
    <button class="layui-btn">按钮</button>
    <button class="layui-btn">按钮</button>
    <button class="layui-btn">按钮</button>
</div>

<script src="../layui/layui.js"></script>
</body>
</html>
